<!-- <template>
    <div>
        <h2 class="title">{{msg}}</h2>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                msg:"hello webpack"
            }
        }        
    }
</script>


<style scoped>
    .title{
        color: green;
    }
</style> -->

<template>
    <div>
        <h2 class="title">{{ message }}</h2>
        <h1>hahaha</h1>
    </div>
</template>
  
<script>
export default {
    name: "app",
    data() {
        return {
            message: 'hello webpack'
        }
    }
}
</script>
  
<style scoped>
.title {
    color: green;
}
</style>